﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
<title>Home</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">    
<link rel="shortcut icon" href="">  
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">   
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">

<!-- Theme CSS -->  
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<style type="text/css">
body,td,th {
	font-family: Roboto, sans-serif;
}
body {
	background-color:#F00;
}
</style>
</head> 

<body bgcolor="#FF0000">

<header class="header">
	<div class="top-bar container-fluid"><!--//top-bar--></div>
  <div class="intro">
		<div class="container text-center">
			<img class="profile-image" src="assets/images/aigou.jpg" alt="">
			<h1 class="name">MY NANG</h1>
			<div class="title">董英杰</div>
			<div class="profile">
			  <table width="100%" border="2" cellspacing="0" cellpadding="5">
			    <tr>
				    <td align="left" bgcolor="#FF0000" width="33%">QQ：1647285591</td>
				    <td align="left" bgcolor="#FF0000" width="33%">电话：17760599929</td>
				    <td align="left" bgcolor="#FF0000" width="33%">邮箱：1647285591@QQ.com</td>
		        </tr>
			  </table>
			</div>
			<!--//profile-->
    </div><!--//container-->
	</div><!--//intro-->
	
  <div class="contact-info">
</header><!--//header-->

<div class="wrapper container"><!--//section--><!--//section-->
	
	
	<section id="skills-section" class="skills-section section text-center">
    <div class="other-skills">
			<h3 class="subtitle">学习的课程</h3>
	  <div class="misc-skills">
				<span class="skill-tag">HTML</span>
				<span class="skill-tag">CSS</span>
				<span class="skill-tag">C语言</span>
				<span class="skill-tag">flash</span>
			  <span class="skill-tag">C#</span>
				<br>
	  </div>
		<h2 class="section-title">&nbsp;</h2>
		<h2 class="section-title">我的技能</h2>
		<div class="top-skills">
	  <h3 class="subtitle">正在学习，暂无</h3>
			<div class="row"><!--//item--><!--//item--><!--//item-->
	  </div><!--//other-skills-->
		
	</section><!--//skills-section--><!--//section-->
	
	
	<section id="portfolio-section" class="portfolio-section section">
		<h2 class="section-title">我的爱好</h2>
		<ul id="filters" class="filters clearfix">
			<li class="type active" data-filter="*"></li>
			<li class="type" data-filter=".backend">玩游戏，听音乐，旅游！</li>
		</ul><!--//filters-->
		<div class="items-wrapper isotope row"><!--//item--><!--//item--><!--//item--><!--//item--><!--//item--><!--//item--><!--//item--><!--//item--><!--//item-wrapper-->
		
	</div>
  </section>
	<!--//section-->
	
	<section id="contact-section" class="contact-section section">
		<section id="portfolio-section2" class="portfolio-section section">
		  <h2 class="section-title">我的作品</h2>
		  <ul id="filters2" class="filters clearfix">
		    <li class="type active" data-filter="*">暂无</li>
		    <li class="type" data-filter=".backend"></li>
	      </ul>
		  <!--//filters-->
		  <div class="items-wrapper isotope row">
		    <!--//item-->1
		    <!--//item-->2
		    <!--//item-->3
		    <!--//item-->
		    <!--//item-->
		    <!--//item-->
		    <!--//item-->
		    <!--//item-->
		    <!--//item-wrapper-->
	      </div>
	  </section>
		<h2 class="section-title">与我联系</h2>
	  <div class="intro"> <img class="profile-image" src="assets/images/aigou.jpg" alt="">
		  <div class="dialog">
		    <p>联系方式</p>
		    <ul class="social list-inline">
		      <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
		      <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
		      <li><a href="#"><i class="fa fa-github-alt" aria-hidden="true"></i></a></li>
		      <li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
	        </ul>
		    <!--//social-->
	      </div>
		  <!--//diaplog-->
	  </div>
		<!--//intro-->

	</section><!--//section-->
	
</div><!--//wrapper-->

<footer class="footer text-center">
	<div class="container">
		<small class="copyright">计应2班&copy;董英杰</small></div><!--//container-->
</footer>

<!-- Javascript -->          
<script type="text/javascript" src="assets/plugins/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>  
<script type="text/javascript" src="assets/plugins/back-to-top.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script> 
<script type="text/javascript" src="assets/plugins/easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
<script type="text/javascript" src="assets/plugins/imagesloaded.pkgd.min.js"></script> 
<script type="text/javascript" src="assets/plugins/isotope.pkgd.min.js"></script>  

<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>

<!-- Style Switcher (REMOVE ON YOUR PRODUCTION SITE) -->
<script src="assets/js/demo/style-switcher.js"></script>     

</body>
</html>